{% extends "base.html" %}

{% block script %}
	<link rel="stylesheet" href="../css/eggplant/jquery-ui-1.8.18.custom.css" type="text/css">
	<link rel="stylesheet" href="../css/studentvoice.css" type="text/css">
	<script src="../js/jquery-1.7.2.min.js" type="text/javascript" ></script>
	<script src="../js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
	<script src="../js/studentvoice.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/Listerator.js"></script>
        <script>
        var addClassData = function (data) {
            console.log(data);
        };

        jQuery(function () {

            StudentVoice.getClassData(addClassData);

            jQuery('#subjects').Listerator();
            jQuery('#examquestions').Listerator();
        });
    </script>
{% endblock %}
{% block pagetitle %}Quiz editor{% endblock %}
{% block title %}Quizes{% endblock %}
{% block mainmenu %}
	<li><a href="main">Main menu</a></li>
	<li><a href="course">Course</a></li>
	<li><a href="class">Class</a></li>
	<li class="selected"><a href="class">Quiz</a></li>
{% endblock %}
{% block sidemenu %}
	<a href="topic">Add Topics <img class="plus_sign" src="../img/plus_sign.png" alt="plus sign" /></a>
{% endblock %}
{% block primary %}

    <form action='/setClassLayoutData' style="text-align:center">
        <div class="centered400">

            <div id="examquestions" style="border:1px solid green">
                <div style="border:1px dashed black">
                    <div><label for="text">Question</label><br /><textarea name="questiontext"></textarea></div>
                    <div><input type="radio" name="correctanswer" value="1" /><input type="text" name="answer1_" /></div>
                    <div><input type="radio" name="correctanswer" value="2" /><input type="text" name="answer2_" /></div>
                    <div><input type="radio" name="correctanswer" value="3" /><input type="text" name="answer3_" /></div>
                    <div><input type="radio" name="correctanswer" value="4" /><input type="text" name="answer4_" /></div>
                </div>
            </div>
        </div>
        <button type="submit" onclick="">Update</button>
    </form>
{% endblock %}